@import '../../style.scss';

.profile{
    @include useTheme($themes){
        background-color: themed('bgColor');
        position: relative;
        margin: 20px 20px;
        
        .container{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            img{
                border-radius: 10px;
                width: 70%;
                object-fit: cover;
                border: solid 1px themed('border');
                -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.04);
                -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.04);
                box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.04);
            }
        }

    }
}